<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>首页</title>
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/jquery.masonry.min.js"></script>
    <link rel="stylesheet" href="css/public.css">
    <!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/3.7/html5shiv.js"></script><![endif]-->
    <!--[if lte IE 8]><script src="http://cdn.bootcss.com/selectivizr/1.0.2/selectivizr.js"></script><![endif]-->
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/idangerous.swiper.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 公共头部 -->
    <section class="pub_header">
        <div class="pub_header_cont">
            <div class="pub_logo"><img src="img/logo.svg" alt=""></div>
            <div class="pub_nav">
                <div class="pub_nav_t">
                    <ul>
                        <li><img src="img/kr06.png" alt=""> 400-050-7798</li>
                        <li>股票代码 : 300662</li>
                        <li>
                            <a href="#">
                                <img src="img/kr07.png" alt="">English </a>
                        </li>
                    </ul>
                </div>
                <div class="pub_nav_b">
                    <ul>
                        <li><a href="javascript:;">人才服务</a>
                            <div class="pub_nav_hover">
                                <div class="pub_nav_hover_cont">
                                    <div class="pub_nav_l">
                                        <div class="pub_img1"><img src="img/skr263.png" alt=""></div>
                                        <p class="pub_p3">人才服务</p>
                                        <p class="pub_p9">
                                            为客户企业提供专业和增值的人力资源服务，为候选人提供契合的、有价值的和更佳的职业发展机会，为我们最重要的资本—员工提供发展与提升的平台，成为中国最具影响力和竞争力的人力资源服务提供商。为客户企业提供专业和增值的人力资源服务。为客户企业提供专业和增值的人力资源服务，为候选人提供契合的、有价值的和更佳的职业发展机会，为我们最重要的资本—员工提供发展与。
                                        </p>
                                    </div>
                                    <div class="pub_nav_r">
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="javascript:;">高端人才寻访</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="javascript:;">招聘流程外包</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="javascript:;">灵活用工</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="javascript:;">校招与雇主品牌</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="javascript:;">人才培训</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="javascript:;">人才规划与咨询</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="javascript:;">薪税服务</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="javascript:;">垂直招聘平台</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li><a href="javascript:;">政企数智化</a>
                            <div class="pub_nav_hover">
                                <div class="pub_nav_hover_cont">
                                    <div class="pub_nav_l">
                                        <div class="pub_img1"><img src="img/skr264.png" alt=""></div>
                                        <p class="pub_p3">政企数智化</p>
                                        <p class="pub_p9">
                                            为客户企业提供专业和增值的人力资源服务，为候选人提供契合的、有价值的和更佳的职业发展机会，为我们最重要的资本—员工提供发展与提升的平台，成为中国最具影响力和竞争力的人力资源服务提供商。为客户企业提供专业和增值的人力资源服务。为客户企业提供专业和增值的人力资源服务，为候选人提供契合的、有价值的和更佳的职业发展机会，为我们最重要的资本—员工提供发展与。
                                        </p>
                                    </div>
                                    <div class="pub_nav_r">
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="#">企业人力资源数字化转型</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="#">政府人力资源数字化转型</a></p>
                                            <p class="pub_p8"><a href="#">人才数字大脑</a></p>
                                            <p class="pub_p8"><a href="#">精准就业产业互联网平台</a></p>
                                            <p class="pub_p8"><a href="#">事业单位人才引进数字化</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li><a href="javascript:;">生态伙伴</a></li>
                        <li><a href="javascript:;">职场晋级</a>
                            <div class="pub_nav_hover">
                                <div class="pub_nav_hover_cont">
                                    <div class="pub_nav_l">
                                        <div class="pub_img1"><img src="img/skr265.png" alt=""></div>
                                        <p class="pub_p3">职场晋级</p>
                                        <p class="pub_p9">
                                            为客户企业提供专业和增值的人力资源服务，为候选人提供契合的、有价值的和更佳的职业发展机会，为我们最重要的资本—员工提供发展与提升的平台，成为中国最具影响力和竞争力的人力资源服务提供商。为客户企业提供专业和增值的人力资源服务。为客户企业提供专业和增值的人力资源服务，为候选人提供契合的、有价值的和更佳的职业发展机会，为我们最重要的资本—员工提供发展与。
                                        </p>
                                    </div>
                                    <div class="pub_nav_r">
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="#">热门职位</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="#">职涯管理</a></p>
                                            <p class="pub_p8"><a href="#">简历门诊</a></p>
                                            <p class="pub_p8"><a href="#">面试辅导</a></p>
                                            <p class="pub_p8"><a href="#">职涯规划</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="#">就业引才</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li><a href="javascript:;">趋势洞察</a></li>
                        <li><a href="javascript:;">关于科锐</a>
                            <div class="pub_nav_hover">
                                <div class="pub_nav_hover_cont">
                                    <div class="pub_nav_l">
                                        <div class="pub_img2">
                                            <img src="img/skr266.png" alt="">
                                            <span>精选文章</span>
                                        </div>
                                        <div class="pub_nav_l_item">
                                            <p class="pub_p4">薪酬报告</p>
                                            <p class="pub_p5"><a href="#">2020人才市场洞察及薪酬指南</a></p>
                                        </div>
                                        <div class="pub_nav_l_item">
                                            <p class="pub_p4">观点洞察</p>
                                            <p class="pub_p5"><a href="#">人力资源专家视角下的新态势、新人事</a></p>
                                        </div>
                                        <div class="pub_nav_l_item">
                                            <p class="pub_p4">前沿实践</p>
                                            <p class="pub_p5"><a href="#">走出去：“一带一路”引才实践</a></p>
                                        </div>
                                    </div>
                                    <div class="pub_nav_r">
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="#">公司概览</a></p>
                                            <p class="pub_p8"><a href="#">公司介绍</a></p>
                                            <p class="pub_p8"><a href="#">集团品牌</a></p>
                                            <p class="pub_p8"><a href="#">社会责任</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="#">公司新闻</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="#">投资者关系</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="#">加入我们</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p5"><a href="#">联系我们</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- wap -->
        <div class="pub_header_nav">
            <div class="pub_logo">
                <a href="index.html"><img src="img/logo.svg" alt=""></a>
            </div>
            <!-- 右侧菜单键 -->
            <a class="pub_menu" href="javascript:;">
                <span></span>
                <span></span>
                <span></span>
            </a>
        </div>
        <!-- 菜单浮层 二级-->
        <div class="pub_menu_ff">
            <ul class="pub_menu_ul">
                <li class="pub_menu_ff_li"><a href="index.html">首页</a></li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>人才服务</span></a>
                        <img class="nav_show" src="img/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">人才服务</a></li>
                            <li><a href="#">人才服务</a></li>
                            <li><a href="#">人才服务</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>政企数智化</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">政企数智化</a></li>
                            <li><a href="#">政企数智化</a></li>
                            <li><a href="#">政企数智化</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>生态伙伴</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">生态伙伴</a></li>
                            <li><a href="#">生态伙伴</a></li>
                            <li><a href="#">生态伙伴</a></li>
                            <li><a href="#">生态伙伴</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>职场晋级</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">职场晋级</a></li>
                            <li><a href="#">职场晋级</a></li>
                            <li><a href="#">职场晋级</a></li>
                            <li><a href="#">职场晋级</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>趋势洞察</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">趋势洞察</a></li>
                            <li><a href="#">趋势洞察</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>关于科锐</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">关于科锐</a></li>
                            <li><a href="#">关于科锐</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </section>
    <!-- 内容 -->
    <section class="pub_contiain">
        <div class="index">
            <!-- 轮播 -->
            <div class="swiper-container index_container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="index_swiper_img"><img src="img/kr05.png" alt=""></div>
                        <div class="index_swiper_hover">
                            <p class="swiper_p1">科锐国际2020半年报出炉</p>
                            <p class="swiper_p2">技术赋能生态布局<br />净利润同比上涨14.6%</p>
                            <a class="swiper_btn" href="#">点击查看详情</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="index_swiper_img"><img src="img/kr05.png" alt=""></div>
                        <div class="index_swiper_hover">
                            <p class="swiper_p1">科锐国际2020半年报出炉</p>
                            <p class="swiper_p2">技术赋能生态布局<br />净利润同比上涨14.6%</p>
                            <a class="swiper_btn" href="#">点击查看详情</a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="index_swiper_img"><img src="img/kr05.png" alt=""></div>
                        <div class="index_swiper_hover">
                            <p class="swiper_p1">科锐国际2020半年报出炉</p>
                            <p class="swiper_p2">技术赋能生态布局<br />净利润同比上涨14.6%</p>
                            <a class="swiper_btn" href="#">点击查看详情</a>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
            <!-- 新闻动态 -->
            <div class="new">
                <div class="new_header">
                    <div class="new_p1">新闻动态</div>
                    <div class="new_p2">
                        <div class="new_p2_cont text-cut-one">
                            <span>科锐国际力揽 “2020中国招聘与任用供应商价值大奖” 等三项大奖</span>
                            <img src="img/link.png" alt="">
                        </div>
                    </div>
                    <div class="new_p3">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
                <!--  -->
                <div class="new_hover">
                    <a href="#">
                        <div class="new_hover_item text-cut-one">
                            <span class="new_hover_time">2020.10.10</span>
                            <span class="new_hover_title text-cut-one">科锐国际力揽 “2020中国招聘与任用供应商价值大奖” 等三项大奖</span>
                            <img src="img/link.png" alt="">
                        </div>
                    </a>
                    <a href="#">
                        <div class="new_hover_item text-cut-one">
                            <span class="new_hover_time">2020.10.10</span>
                            <span class="new_hover_title text-cut-one">科锐国际力揽 “2020中国招聘与任用供应商价值大奖” 等三项大奖</span>
                            <img src="img/link.png" alt="">
                        </div>
                    </a>
                    <a href="#">
                        <div class="new_hover_item text-cut-one">
                            <span class="new_hover_time">2020.10.10</span>
                            <span class="new_hover_title text-cut-one">科锐国际力揽 “2020中国招聘与任用供应商价值大奖” 等三项大奖</span>
                            <img src="img/link.png" alt="">
                        </div>
                    </a>
                    <a href="#">
                        <div class="new_hover_item text-cut-one">
                            <span class="new_hover_time">2020.10.10</span>
                            <span class="new_hover_title text-cut-one">科锐国际力揽 “2020中国招聘与任用供应商价值大奖” 等三项大奖</span>
                            <img src="img/link.png" alt="">
                        </div>
                    </a>
                    <a href="#">
                        <div class="new_hover_item text-cut-one">
                            <span class="new_hover_time">2020.10.10</span>
                            <span class="new_hover_title text-cut-one">科锐国际力揽 “2020中国招聘与任用供应商价值大奖” 等三项大奖</span>
                            <img src="img/link.png" alt="">
                        </div>
                    </a>
                    <div class="new_btn">查看更多</div>
                </div>
                <!--  -->
                <div class="new_list">
                    <div class="new_li">
                        <a href="#">
                            <div class="new_img"><img src="img/kr01.png" alt=""></div>
                            <p class="new_p4 text-cut-one">科锐国际人力资源战 “疫” 专题</p>
                            <p class="new_p5 text-cut-one">2020.09.20</p>
                        </a>
                    </div>
                    <div class="new_li">
                        <a href="#">
                            <div class="new_img"><img src="img/kr02.png" alt=""></div>
                            <p class="new_p4 text-cut-one">科锐国际旗下公司Aurex Group进军澳大利亚</p>
                            <p class="new_p5 text-cut-one">2020.09.20</p>
                        </a>
                    </div>
                    <div class="new_li">
                        <a href="#">
                            <div class="new_img"><img src="img/kr03.png" alt=""></div>
                            <p class="new_p4 text-cut-one">科锐国际落地河南——汇融科锐正式揭牌</p>
                            <p class="new_p5 text-cut-one">2020.09.20</p>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 视频 -->
            <div class="videos" video_src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4">
                <div class="videos_hover">
                    <p class="videos_p1">搭建客户和候选人之间的桥梁</p>
                    <p class="videos_p2">针对中高级管理、专业技术人才短缺，提供深入的行业及职能解决方案。科锐国际于1996年开始布局并深耕，是国内最早开展中高端人才访寻业务的机构之一。</p>
                </div>
                <div class="videos_img"><img src="img/kr08.png" alt=""></div>
            </div>
            <!-- 解决方案 -->
            <div class="index_case_bg">
                <div class="index_case">
                    <div class="pub_tile">
                        <p class="pub_p1">解决方案</p>
                        <p class="pub_p2">Solutions</p>
                    </div>
                    <!-- Swiper -->
                    <div class="swiper-container index_case_container">
                        <div class="swiper-wrapper index_case_list">
                            <div class="swiper-slide index_case_item">
                                <a href="javascript:;">
                                    <div class="index_case_img"><img src="img/kr09.png" alt=""></div>
                                    <p class="index_case_p1 text-cut-one">中高端人才寻访</p>
                                    <p class="index_case_p2 text-cut-three">支持客户精准、高效的获取中高级管理、专业技术人才</p>
                                    <p class="index_case_btn">查看详情<img src="img/kr10.png" alt=""></p>
                                </a>
                            </div>
                            <div class="swiper-slide index_case_item">
                                <a href="javascript:;">
                                    <div class="index_case_img"><img src="img/kr11.png" alt=""></div>
                                    <p class="index_case_p1 text-cut-one">招聘流程外包</p>
                                    <p class="index_case_p2 text-cut-three">为企业提升招聘策略、优化流程、保障高质量招聘结果，提供整体或部分定制招聘流程外包</p>
                                    <p class="index_case_btn">查看详情<img src="img/kr10.png" alt=""></p>
                                </a>
                            </div>
                            <div class="swiper-slide index_case_item">
                                <a href="javascript:;">
                                    <div class="index_case_img"><img src="img/kr12.png" alt=""></div>
                                    <p class="index_case_p1 text-cut-one">灵活用工</p>
                                    <p class="index_case_p2 text-cut-three">针对招聘旺季、新项目、员工短期替补及编制紧带来的人才短缺，提供短中长期项目及人员外包
                                    </p>
                                    <p class="index_case_btn">查看详情<img src="img/kr10.png" alt=""></p>
                                </a>
                            </div>
                            <div class="swiper-slide index_case_item">
                                <a href="javascript:;">
                                    <div class="index_case_img"><img src="img/kr13.png" alt=""></div>
                                    <p class="index_case_p1 text-cut-one">人才培训</p>
                                    <p class="index_case_p2 text-cut-three">针对重点人群、企业、人力资源行业、政府公共服务提供多样化人才发展培训</p>
                                    <p class="index_case_btn">查看详情<img src="img/kr10.png" alt=""></p>
                                </a>
                            </div>
                            <div class="swiper-slide index_case_item">
                                <a href="javascript:;">
                                    <div class="index_case_img"><img src="img/kr09.png" alt=""></div>
                                    <p class="index_case_p1 text-cut-one">中高端人才寻访</p>
                                    <p class="index_case_p2 text-cut-three">支持客户精准、高效的获取中高级管理、专业技术人才</p>
                                    <p class="index_case_btn">查看详情<img src="img/kr10.png" alt=""></p>
                                </a>
                            </div>
                            <div class="swiper-slide index_case_item">
                                <a href="javascript:;">
                                    <div class="index_case_img"><img src="img/kr11.png" alt=""></div>
                                    <p class="index_case_p1 text-cut-one">招聘流程外包</p>
                                    <p class="index_case_p2 text-cut-three">为企业提升招聘策略、优化流程、保障高质量招聘结果，提供整体或部分定制招聘流程外包</p>
                                    <p class="index_case_btn">查看详情<img src="img/kr10.png" alt=""></p>
                                </a>
                            </div>
                            <div class="swiper-slide index_case_item">
                                <a href="javascript:;">
                                    <div class="index_case_img"><img src="img/kr12.png" alt=""></div>
                                    <p class="index_case_p1 text-cut-one">灵活用工</p>
                                    <p class="index_case_p2 text-cut-three">针对招聘旺季、新项目、员工短期替补及编制紧带来的人才短缺，提供短中长期项目及人员外包
                                    </p>
                                    <p class="index_case_btn">查看详情<img src="img/kr10.png" alt=""></p>
                                </a>
                            </div>
                            <div class="swiper-slide index_case_item">
                                <a href="javascript:;">
                                    <div class="index_case_img"><img src="img/kr13.png" alt=""></div>
                                    <p class="index_case_p1 text-cut-one">人才培训</p>
                                    <p class="index_case_p2 text-cut-three">针对重点人群、企业、人力资源行业、政府公共服务提供多样化人才发展培训</p>
                                    <p class="index_case_btn">查看详情<img src="img/kr10.png" alt=""></p>
                                </a>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
            <!-- 一体化 -->
            <div class="saas_bg">
                <div class="saas">
                    <div class="saas_t">
                        <p class="saas_p1">一体化</p>
                        <p class="saas_p2">SaaS云平台</p>
                        <div class="saas_text">
                            <p class="saas_p3">
                                涵盖招聘、入职、考勤，薪税、福利管理等人力资源管理模块。解决快速成长型企业发展过程中，人力资源短缺、人效低、人力资源成本及风险高，灵活用工困难等问题，帮助企业提高效率、优化成本结构，快速发展。解决企业人力资源管理过程中问题。
                            </p>
                            <a href="#">
                                <p class="saas_btn">查看详情<img src="img/kr15.png" alt=""></p>
                            </a>
                        </div>
                    </div>
                    <div class="saas_b">
                        <div class="saas_item">
                            <a href="#">
                                <div class="saas_img"><img attr-src="img/skr16.png" src="img/kr16.png" alt=""></div>
                                <p>人力云</p>
                            </a>
                        </div>
                        <div class="saas_item">
                            <a href="#">
                                <div class="saas_img"><img attr-src="img/skr17.png" src="img/kr17.png" alt=""></div>
                                <p>人才云</p>
                            </a>
                        </div>
                        <div class="saas_item">
                            <a href="#">
                                <div class="saas_img"><img attr-src="img/skr19.png" src="img/kr19.png" alt=""></div>
                                <p>干部云</p>
                            </a>
                        </div>
                        <div class="saas_item">
                            <a href="#">
                                <div class="saas_img"><img attr-src="img/skr258.png" src="img/kr258.png" alt=""></div>
                                <p>招考云</p>
                            </a>
                        </div>
                        <div class="saas_item"></div>
                    </div>
                    <div class="saas_b">
                        <div class="saas_item"></div>
                        <div class="saas_item">
                            <a href="#">
                                <div class="saas_img"><img attr-src="img/skr20.png" src="img/kr20.png" alt=""></div>
                                <p>生态云</p>
                            </a>
                        </div>
                        <div class="saas_item">
                            <a href="#">
                                <div class="saas_img"><img attr-src="img/skr259.png" src="img/kr259.png" alt=""></div>
                                <p>招聘云</p>
                            </a>
                        </div>
                        <div class="saas_item">
                            <a href="#">
                                <div class="saas_img"><img attr-src="img/skr260.png" src="img/kr260.png" alt=""></div>
                                <p>入职云</p>
                            </a>
                        </div>
                        <div class="saas_item">
                            <a href="#">
                                <!-- <div class="saas_img"><img attr-src="img/skr260.png" src="img/kr260.png" alt=""></div>
                                <p>入职云</p> -->
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!--  -->
            <div class="num_bg">
                <div class="num">
                    <div class="num_item">
                        <p class="num_p1"><span class="num_num" attr-num="2200">0</span><img src="img/kr24.png" alt="">
                        </p>
                        <p class="num_p2">专业招聘顾问</p>
                        <p class="num_p3 text-cut-four">前在中国、印度、新加坡、马来西亚、美国、英国、澳大利亚等全球市场拥有110家分支机构，2,200余名专业招聘顾问。</p>
                        <div class="num_line">
                            <div class="num_line_l"></div>
                            <div class="num_line_r"></div>
                        </div>
                    </div>
                    <div class="num_item">
                        <p class="num_p1"><span class="num_num" attr-num="3700">0</span><img src="img/kr24.png" alt="">
                        </p>
                        <p class="num_p2">长期合作企业</p>
                        <p class="num_p3 text-cut-four">在过去24年中，公司已与3,700余家跨国集团、国内上市公司、快速成长性企业、国企、政府以及非盈利组织建立长期合作关系。</p>
                        <div class="num_line">
                            <div class="num_line_l"></div>
                            <div class="num_line_r"></div>
                        </div>
                    </div>
                    <div class="num_item">
                        <p class="num_p1"><span class="num_num" attr-num="160600">0</span><img src="img/kr24.png"
                                alt=""></p>
                        <p class="num_p2">灵活用工累计派出</p>
                        <p class="num_p3 text-cut-four">在过去的一年中，成功推荐的中高端管理及专业技术岗位人员超过28,300名，灵活用工累计派出160,600人次。</p>
                        <div class="num_line">
                            <div class="num_line_l"></div>
                            <div class="num_line_r"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 趋势洞察 -->
            <div class="trend_bg">
                <div class="pub_tile">
                    <p class="pub_p1">趋势洞察</p>
                    <p class="pub_p2">Trend Insights</p>
                </div>
                <div class="trend">
                    <div class="trend_l">
                        <div class="trend_l_l">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="trend_l_item">
                                            <a href="#">
                                                <div class="trend_l_img"><img src="img/skr158.png" alt=""></div>
                                                <div class="trend_l_cont">
                                                    <p class="trend_p2 text-cut-one">产业转型升级：“跨界”引才实践</p>
                                                    <p class="trend_p1">2020.10.10</p>
                                                    <p class="trend_p3 text-cut-two">
                                                        当前，中国经济正处在转型发展攻关期，消费升级全方位覆盖、制造全产业链升级、新旧动能转换加快、跨界创新成为新主题...
                                                        环境、业务的变化对于组织管理提出了更高的要求，如何吸引并管理跨界人才尤其是高端人才、让企业的原有文化在新环境下继续发挥优势，是企业人力资源…
                                                    </p>
                                                    <p class="trend_p4">查看详情<img src="img/kr27.png" alt=""></p>
                                                </div>
                                                <div class="trend_l_pop"></div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="trend_l_item">
                                            <a href="#">
                                                <div class="trend_l_img"><img src="img/skr158.png" alt=""></div>
                                                <div class="trend_l_cont">
                                                    <p class="trend_p2 text-cut-one">产业转型升级：“跨界”引才实践</p>
                                                    <p class="trend_p1">2020.10.10</p>
                                                    <p class="trend_p3 text-cut-two">
                                                        当前，中国经济正处在转型发展攻关期，消费升级全方位覆盖、制造全产业链升级、新旧动能转换加快、跨界创新成为新主题...
                                                        环境、业务的变化对于组织管理提出了更高的要求，如何吸引并管理跨界人才尤其是高端人才、让企业的原有文化在新环境下继续发挥优势，是企业人力资源…
                                                    </p>
                                                    <p class="trend_p4">查看详情<img src="img/kr27.png" alt=""></p>
                                                </div>
                                                <div class="trend_l_pop"></div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <!-- Add Arrows -->
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                            </div>
                            <!--  -->
                            <div class="trend_page">
                                <div class="trend_prev"></div>
                                <div class="trend_next"></div>
                            </div>
                        </div>
                    </div>
                    <div class="trend_r">
                        <ul class="trend_r_ul">
                            <li class="trend_r_li">
                                <a href="#">
                                    <div class="trend_r_img"><img src="img/skr154.png" alt="">
                                        <p class="trend_p8">白皮书</p>
                                    </div>
                                    <div class="trend_r_cont">
                                        <p class="trend_p5 text-cut-one">
                                            科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比</p>
                                        <p class="trend_p6">2020.10.10</p>
                                        <p class="trend_p7 text-cut-two">
                                            2020年1-9月，公司经营稳定增长，实现营业收入273,768.67万元人民币；归属于上市公司股东的净利润13,378.16万元公司经营稳定增长公司经营稳定增长公司经营稳定增长
                                        </p>
                                        <p class="trend_more">查看详情 <img src="img/kr10.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li class="trend_r_li">
                                <a href="#">
                                    <div class="trend_r_img"><img src="img/skr154.png" alt="">
                                        <p class="trend_p8">白皮书</p>
                                    </div>
                                    <div class="trend_r_cont">
                                        <p class="trend_p5 text-cut-one">
                                            科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比</p>
                                        <p class="trend_p6">2020.10.10</p>
                                        <p class="trend_p7 text-cut-two">
                                            2020年1-9月，公司经营稳定增长，实现营业收入273,768.67万元人民币；归属于上市公司股东的净利润13,378.16万元公司经营稳定增长公司经营稳定增长公司经营稳定增长
                                        </p>
                                        <p class="trend_more">查看详情 <img src="img/kr10.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li class="trend_r_li">
                                <a href="#">
                                    <div class="trend_r_img"><img src="img/skr154.png" alt="">
                                        <p class="trend_p8">白皮书</p>
                                    </div>
                                    <div class="trend_r_cont">
                                        <p class="trend_p5 text-cut-one">
                                            科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比</p>
                                        <p class="trend_p6">2020.10.10</p>
                                        <p class="trend_p7 text-cut-two">
                                            2020年1-9月，公司经营稳定增长，实现营业收入273,768.67万元人民币；归属于上市公司股东的净利润13,378.16万元公司经营稳定增长公司经营稳定增长公司经营稳定增长
                                        </p>
                                        <p class="trend_more">查看详情 <img src="img/kr10.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li class="trend_r_li">
                                <a href="#">
                                    <div class="trend_r_img"><img src="img/skr154.png" alt="">
                                        <p class="trend_p8">白皮书</p>
                                    </div>
                                    <div class="trend_r_cont">
                                        <p class="trend_p5 text-cut-one">
                                            科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比</p>
                                        <p class="trend_p6">2020.10.10</p>
                                        <p class="trend_p7 text-cut-two">
                                            2020年1-9月，公司经营稳定增长，实现营业收入273,768.67万元人民币；归属于上市公司股东的净利润13,378.16万元公司经营稳定增长公司经营稳定增长公司经营稳定增长
                                        </p>
                                        <p class="trend_more">查看详情 <img src="img/kr10.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li class="trend_r_li">
                                <a href="#">
                                    <div class="trend_r_img"><img src="img/skr154.png" alt="">
                                        <p class="trend_p8">白皮书</p>
                                    </div>
                                    <div class="trend_r_cont">
                                        <p class="trend_p5 text-cut-one">
                                            科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比</p>
                                        <p class="trend_p6">2020.10.10</p>
                                        <p class="trend_p7 text-cut-two">
                                            2020年1-9月，公司经营稳定增长，实现营业收入273,768.67万元人民币；归属于上市公司股东的净利润13,378.16万元公司经营稳定增长公司经营稳定增长公司经营稳定增长
                                        </p>
                                        <p class="trend_more">查看详情 <img src="img/kr10.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li class="trend_r_li">
                                <a href="#">
                                    <div class="trend_r_img"><img src="img/skr154.png" alt="">
                                        <p class="trend_p8">白皮书</p>
                                    </div>
                                    <div class="trend_r_cont">
                                        <p class="trend_p5 text-cut-one">
                                            科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比</p>
                                        <p class="trend_p6">2020.10.10</p>
                                        <p class="trend_p7 text-cut-two">
                                            2020年1-9月，公司经营稳定增长，实现营业收入273,768.67万元人民币；归属于上市公司股东的净利润13,378.16万元公司经营稳定增长公司经营稳定增长公司经营稳定增长
                                        </p>
                                        <p class="trend_more">查看详情 <img src="img/kr10.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li class="trend_r_li">
                                <a href="#">
                                    <div class="trend_r_img"><img src="img/skr154.png" alt="">
                                        <p class="trend_p8">白皮书</p>
                                    </div>
                                    <div class="trend_r_cont">
                                        <p class="trend_p5 text-cut-one">
                                            科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比</p>
                                        <p class="trend_p6">2020.10.10</p>
                                        <p class="trend_p7 text-cut-two">
                                            2020年1-9月，公司经营稳定增长，实现营业收入273,768.67万元人民币；归属于上市公司股东的净利润13,378.16万元公司经营稳定增长公司经营稳定增长公司经营稳定增长
                                        </p>
                                        <p class="trend_more">查看详情 <img src="img/kr10.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li class="trend_r_li">
                                <a href="#">
                                    <div class="trend_r_img"><img src="img/skr154.png" alt="">
                                        <p class="trend_p8">白皮书</p>
                                    </div>
                                    <div class="trend_r_cont">
                                        <p class="trend_p5 text-cut-one">
                                            科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比科锐国际2020前三季度归母净利润同比</p>
                                        <p class="trend_p6">2020.10.10</p>
                                        <p class="trend_p7 text-cut-two">
                                            2020年1-9月，公司经营稳定增长，实现营业收入273,768.67万元人民币；归属于上市公司股东的净利润13,378.16万元公司经营稳定增长公司经营稳定增长公司经营稳定增长
                                        </p>
                                        <p class="trend_more">查看详情 <img src="img/kr10.png"></p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 公共底部 -->
    <section class="pub_footer">
        <div class="pub_bear">
            <div class="pub_bears">
                <a href="#">科锐国际首页</a>
                <img src="img/skr217.png" alt="">
                <a href="#">趋势洞察</a>
                <img src="img/skr217.png" alt="">
                <a href="#">白皮书</a>
            </div>
        </div>
        <!--  -->
        <div class="pub_footer_cont">
            <div class="pub_footer_t">
                <dl>
                    <dt>方案</dt>
                    <dd><a href="#">中高端人才访寻</a></dd>
                    <dd><a href="#">招聘流程外包</a></dd>
                    <dd><a href="#">灵活用工</a></dd>
                    <dd><a href="#">咨询服务</a></dd>
                    <dd><a href="#">人才培训</a></dd>
                    <dd><a href="#">薪税服务</a></dd>
                </dl>
                <dl>
                    <dt>Saas</dt>
                    <dd><a href="#">Saas云</a></dd>
                </dl>
                <dl>
                    <dt>职位</dt>
                    <dd><a href="#">热门职位</a></dd>
                    <dd><a href="#">职涯管理</a></dd>
                    <dd><a href="#">求职提示</a></dd>
                </dl>
                <dl>
                    <dt>趋势</dt>
                    <dd><a href="#">白皮书下载</a></dd>
                    <dd><a href="#">薪酬报告</a></dd>
                    <dd><a href="#">前沿实践</a></dd>
                    <dd><a href="#">观点洞察</a></dd>
                </dl>
                <dl>
                    <dt>动态</dt>
                    <dd><a href="#">新闻时讯</a></dd>
                    <dd><a href="#">市场活动</a></dd>
                    <dd><a href="#">媒体报道</a></dd>
                </dl>
                <dl>
                    <dt>我们</dt>
                    <dd><a href="#">公司概览</a></dd>
                    <dd><a href="#">集团品牌</a></dd>
                    <dd><a href="#">投资者关系</a></dd>
                    <dd><a href="#">加入我们</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>
                <dl class="pub_footer_er">
                    <dt>关注</dt>
                    <dd><a href="javascript:;"><img class="pub_icon" src="img/wx.png" alt=""></a>
                        <img class="pub_er" src="img/wxs.png" alt="">
                    </dd>
                    <dd><a href="javascript:;"><img class="pub_icon" src="img/wb.png" alt=""></a>
                        <img class="pub_er" src="img/wbs.png" alt="">
                    </dd>
                    <dd><a href="#"><img class="pub_icon" src="img/in.png" alt=""></a></dd>
                </dl>
            </div>
            <div class="pub_footer_b">
                <div class="pub_footer_link"> 免责&&nbsp;&nbsp;<a href="#">隐私声明</a>|&nbsp;&nbsp;<a
                        href="#">严正声明</a>|&nbsp;&nbsp;<a href="#">网站地图</a>|&nbsp;&nbsp;友情链接：<a href="#">科锐国际</a><a
                        href="#">科锐国际</a><a href="#">科锐国际</a><a href="#">科锐国际</a></div>
                <div class="pub_footer_id">
                    <div>Copyright © 1996-2020 Career International Consulting&emsp;京ICP备13048770号-6</div>
                    <div>全国咨询电话：400 - 050 - 7798&emsp;|&emsp;中国 <img src="img/kr31.png" alt=""></div>
                </div>
            </div>
        </div>
    </section>
</body>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/idangerous.swiper2.7.6.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/public.js"></script>
<script src="js/jquery.masonry.min.js"></script>
<script>
    var swiper1 = new Swiper('.index_container.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 30,
        pagination: {
            el: '.index_container .swiper-pagination',
            clickable: true,
        },
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
    });

    $('.new_p3').click(function () {
        $(this).toggleClass('on')
        $('.new_hover').stop(true, false).slideToggle()
        $('.new_p2_cont').stop(true, false).fadeToggle()
    })

    var swiper2 = new Swiper('.index_case_container.swiper-container', {
        slidesPerView: 'auto',
        spaceBetween: 19,
        pagination: {
            el: '.index_case_container .swiper-pagination',
            clickable: true,
        },
    });

    $('.index_case_container').mouseenter(function () {
        swiper2.autoplay.stop();
    })
    $('.index_case_container').mouseleave(function () {
        swiper2.autoplay.start();
    })

    // saas 替换图片

    let src = ""
    let srcChange = ""

    let gosrc = ""
    let gosrcChange = ""

    $('.saas_item').mouseenter(function () {
        src = $(this).find('.saas_img img').attr('src')
        srcChange = $(this).find('.saas_img img').attr('attr-src')

        gosrc = $(this).find('.saas_go img').attr('src')
        gosrcChange = $(this).find('.saas_go img').attr('attr-src')

        $(this).find('.saas_img img').attr('src', srcChange).end().addClass('on')
        $(this).find('.saas_go img').attr('src', gosrcChange)
    }).mouseleave(function () {
        $(this).find('.saas_img img').attr('src', src).end().removeClass('on')
        $(this).find('.saas_go img').attr('src', gosrc)
    })

    // 数字加减

    let arr = []
    let numType = false
    $('.num_num').each(function (index, item) {
        let a = $(item).attr('attr-num')
        arr.push(a)
    })

    $(window).scroll(function () {
        p = $(this).scrollTop() + $(this).height();
        dt = $('.num_num').offset().top
        if (p > dt && !numType) {
            numType = true
            for (var i = 0; i < $('.num_num').length; i++) {
                IEtime(i)
            }
        }
    })

    function IEtime(i) {
        let num = 0
        let per = (2000 / arr[i]) < 10 ? 10 : 2000 / arr[i] // 时间为2s 定时器最低10ms触发一次
        let up = arr[i] > 1000 ? arr[i] / 200 : 1
        let time = setInterval(function () {
            num += up
            document.documentElement.querySelectorAll(".num_num")[i].innerHTML = parseInt(num)
            if (num >= arr[i]) {
                document.documentElement.querySelectorAll(".num_num")[i].innerHTML = arr[i]
                clearInterval(time)
            }
        }, per)
    }



    // // 瀑布流
    // function water() {
    //     var $waterfall = $('#waterfall');
    //     $waterfall.masonry({
    //         columnWidth: 290
    //     });
    // }
    // if ($(window).width() > 900) {
    //     $(document).ready(function () {
    //         let waterNum = 0
    //         let times = setInterval(function () {
    //             water()
    //             waterNum++
    //             if (waterNum > 10) {
    //                 clearInterval(times)
    //             }
    //         }, 1000)
    //     });
    // }


    $('.videos').click(function () {
        let videoSrc = $(this).attr('video_src')
        let html = '<div class="video_bg"><video src="' + videoSrc + '" controls autoplay></video></div>'
        $('.pub_contiain').append(html)
    })

    // 
    var swiper3 = new Swiper('.trend .swiper-container', {
        loop: true,
        navigation: {
            nextEl: '.trend .swiper-button-next',
            prevEl: '.trend .swiper-button-prev',
        },
    });

    $('.trend_prev').click(function () {
        $('.trend .swiper-button-prev').trigger('click')
    })

    $('.trend_next').click(function () {
        $('.trend .swiper-button-next').trigger('click')
    })


    // 定位适配ie
    var u = navigator.userAgent;
    var isIE = u.indexOf('Trident') > 1
    if (isIE) {
        $(window).scroll(function () {
            let type1 = $(window).scrollTop() > $('.trend_l').offset().top
            let type2 = $(window).scrollTop() + $(window).height() > $('.trend_r').offset().top + $('.trend_r').height()
            if (type1 && !type2) {
                $('.trend_l_l').addClass('on')
            } else {
                $('.trend_l_l').removeClass('on')
            }
        })
    } else {
        $('.trend_l').css({
            'top': '0px'
        })  
    }
</script>

</html>